<!DOCTYPE html>

<div class="sharedIdea">

    <ngx-masonry #myMasonry class="mesonrySetWidth">
        <ngxMasonryItem columnWidth="200" class="brick-idea" *ngFor="let idea of TotalIdea">
            <cardIdea #cardidea [idea]="idea" (notifyParent)="getNotification($event);" (notifyParenttoAbuse)="notifyParenttoAbuse($event)" (deleteIdeaNotify)="deleteIdea()"
                      (notifyParenttoProfile)="notifyParenttoProfileCard($event)"
                       [versioning] = "versioning"></cardIdea>
        </ngxMasonryItem>
    </ngx-masonry>


    <modal #ViewDetailIdeaModel>
        <modal-header>
            <viewCardIdeaDetail (notifyParent)="getNotificationModal($event);" #viewCardIdeaDetail [viewDetailIdea]="viewDetailIdea" (notifyParenttoProfile)="notifyParenttoProfileModal($event)"></viewCardIdeaDetail>
        </modal-header>
    </modal>


    <div class="reportAbuse reportnewab">
        <modal #abuseModal modalClass="abuse-popup">
            <modal-header>
                <abuse [idea]="abuseIdea" (notifyAbuseModal)="getNotificationAbuseModal($event)"></abuse>
            </modal-header>
        </modal>
    </div>

    <div class="userProfileModel">
        <modal #UserModal>
            <modal-header>
                <userprofile (notifyUserParent)="closeUserrModel($event);"></userprofile>
            </modal-header>
        </modal>
    </div>
</div>